//在此js中，直接 new 一个 Vue 组件的实例对象，导出实例对象，由使用的地方自己去挂载dom
import Vue from 'vue';
const options = {
    props: {
        initData: String,
    },
    data() {
        return {
            inputData: '初始值'
        }
    },
    created() {
        this.inputData = this.initData;
    },
    methods: {
        input(e) {
            this.inputData = e.target.value;
        }
    },
    render(createElement) {
        let _this = this;
        return createElement("div", [
            _this.inputData,
            createElement('input', {
                domProps: {
                    value: _this.inputData,
                },
                on: {
                    input: _this.input
                }
            })
        ])
       
    }
}
//此方法相当于创建了一个Vue的子类
let childVue = Vue.extend(options);
//通过new 子类可以获得 子类的示例对象
let instanceChild = new childVue({
    propsData: {
        initData: "这是外面传入的初始值",
    },
});

export default instanceChild;